<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sukie Home</title>
    <link rel="stylesheet" type="text/css" href="css/vno.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
    <link rel="icon" href="./favicon.ico">
</head>

<body>
    <span class="mobile btn-mobile-menu">
        <i class="social iconfont icon-list btn-mobile-menu__icon"></i>
        <i class="social iconfont icon-angleup btn-mobile-close__icon hidden"></i>
    </span>
    <header id="panel" class="panel-cover">
        <div class="panel-main">
            <div class="panel-main__inner panel-inverted">
                <div class="panel-main__content">
                    <div class="ih-item circle effect right_to_left">            
                        <a href="#" title="" class="blog-button">
                            <div class="img"><img src="./img/头像.jpg" alt="img" class="js-avatar iUp profilepic"></div>
                            <div class="info iUp">
                                <div class="info-back">
                                    <h2> 
                                        
                                            张巧艳
                                        
                                    </h2>
                                    <p>
                                        
                                            2021级 · 计科5班
                                        
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>

                    <h1 class="panel-cover__title">
                        <a href="#" target="_blank" >Sukie</a>
                    </h1>
                    <p class="panel-cover__subtitle panel-subtitle iUp">福无双至，祸不单行。</p>
                    <hr class="panel-cover__divider iUp" />
                    <p id="description" class="panel-cover__description iUp">如何得与凉风约，不共尘沙一并来!
                        <br/>
                        <strong>-「中牟道中」</strong>
                    </p>
                    <div class="navigation-wrapper iUp">
                        <div>
                            <nav class="cover-navigation cover-navigation--primary">
                                <ul class="navigation">
                                    <li class="navigation__item">
                                        <a href="html/information.html" class="blog-button" >点击了解我</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-cover--overlay cover-slate"></div>
        </div>
        <div class="remark iUp">
            <p class="power">© 2023 Powered By
                <a href="#" target="_blank"> Sukie_Z </a>
            </p>
        </div>
    </header>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/fetch.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>